<!--
 * @Descripttion:
 * @version:
 * @Author: zhanwang
 * @Date: 2021-07-12 17:07:31
 * @LastEditors: zhanwang
 * @LastEditTime: 2021-07-13 10:14:27
-->
<!--  -->
<template>
  <el-popover placement="bottom" width="200" trigger="click">
    <div class="explicit_options" style="background: #ffffff">
      <div
        v-for="item in values"
        @click="selectChange(item)"
        :key="item.values"
      >
        <el-checkbox v-model="item.checked"></el-checkbox>
        <span>{{ item.label }}</span>
      </div>
    </div>
    <el-input slot="reference" class="ownSelect">
      {{name}}
    </el-input>
  </el-popover>
</template>

<script lang='ts'>
import { Component, Vue, Prop } from 'vue-property-decorator'
@Component({ name: 'OtherSelect' })
export default class OtherSelect extends Vue {
  @Prop({ default: () => [{}] }) private values !: any
  private name = '测试'
  private selectChange () {
    //
  }

  private test
}
</script>
<style lang='stylus' scoped></style>
